<template>
	<div>
		{{ 100 | add$ }}
		{{ 'hellow' | UpperCase }}
		<h3>
			{{ '今天很不错' | reverse }}
		</h3>
	</div>
</template>

<script>
export default {
	//filters组件内的过滤器api
	filters: {
		add$(value) {
			//过滤器必须返回一个值
			return '$' + value
		},
		UpperCase(value) {
			if (typeof value === 'string') {
				return value.toLocaleLowerCase()
			} else {
				return value
			}
		},

		reverse(value) {
			let val = value
			//字符串可以转数组
			if (typeof value !== 'string') {
				val = value + ''
			}
			return val.split('').reverse().join('')
			//把数组倒叙排列，再转成字符串
		},
	},
}
</script>

<style>
</style>